﻿
@charset "utf-8";
a,p{ font-size:15px;}


.fl { float:left;}
.fr { float:right;}
.flex { display:flex; justify-content: space-between;}
.flex-wrap { flex-wrap: wrap;}


raper{width:1200px; margin:0 auto}


.input{border:#ddd 0px solid;height:35px;font-family:Arial, Helvetica, sans-serif;width:200px;color:#333;font-size:14px;   line-height:35px;  
 
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;   padding:0 10px;  }
.con_1300 { width:1200px; margin:0px auto; }
        
      
.search { width:100%; float: left; margin-bottom:40px}
.search form {
	
	width: 590px; margin:0px auto; height:68px; border:2px solid #dadada; border-radius:50px; background:#fff; 

}
.search_zi {
	line-height: 28px;
	text-align: left; 
	float: left;
	height: 28px;
	width: 63px;
	color: #898989;
}

.search1 {
	float: left; width:490px; line-height:68px; padding-left:40px; font-family:"微软雅黑"; font-size:16px; font-weight:400;  text-align:left; color:#989898; border:none; background:none; 
	
}
.searchimg1 {
	float: left; width:40px; margin-top:15px;
	display: inline;
}



.pro_fl { width:100%; float:left; text-align:center;}
.pro_fl ul li { font-size:16px; line-height:15px; margin:40px 0px; border-right:1px solid #CCC; padding:0px 40px; display:inline-block;  }
.pro_fl ul li:nth-child(5) { }
.pro_fl ul li a:hover{ color:#399962}
.pro_fl ul .on { color:#a9194f; font-weight:700;}

/*产品列表*/
.prodlBox{/*background:#f8f8f8;*/ }
.prodlBox .item{padding-top:0%;}
.prodlBox .item h1{line-height:70px;font-size:24px;font-weight:normal;border-bottom:1px solid #dfdfdf;float:left; height:70px; width:100%;}
.prodlBox .item h1 span{border-bottom:2px solid #00a0d9;display: inline-block;}
.prodlBox .item .itemList{ width:100%; float:left;}
.prodlBox .item .itemList h3{font-size:20px;font-weight:normal;line-height:85px;}
.prodlBox .item .itemList li{background:#fff;text-align: center;padding: 2%;float: left;width: 27%;margin:0 1%;margin-bottom:3%;box-shadow:0 0 20px rgba(51,51,51,.1); transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;}
.prodlBox .item .itemList li:hover{ transform: translateY(-10px);-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);}
.prodlBox .item .itemList li:nth-child(4n){margin-right:0;}
.prodlBox .item .itemList li .imgBox{height: 265px;overflow:hidden; display:flex; align-items: center;justify-content:center}
.prodlBox .item .itemList li .imgBox img{ max-width:100%;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
.prodlBox .item .itemList li h5{font-size:18px;line-height:1;font-weight:normal;height: 40px;line-height:40px; overflow: hidden; text-overflow:ellipsis ; margin-top: 8px;white-space: nowrap; }
.prodlBox .item .itemList li p{font-size:16px;line-height:24px;color: #999;}
.prodlBox .item .itemList li:hover .imgBox img{transform:scale(1.1);}
.prodlBox .item .itemList li:hover h5{ color:#d01617}
.moreproD{padding: 3% 0;}
.moreproD h1{line-height:70px;font-size:24px;font-weight:normal;border-bottom:1px solid #dfdfdf;position: relative;margin-bottom:3%;}
.moreproD h1 span{border-bottom:2px solid #00a0d9;display: inline-block;}
.moreproD li{float: left;width: 31.5%;margin-right:2.75%;height: 120px;position: relative;display: table;border-radius:8px;overflow:hidden;background:#f8f8f8;}
.moreproD li:nth-child(3n){margin-right:0;}
.moreproD li .BGimg{width: 100%;position: absolute;top: 0;left: 0;opacity: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.moreproD li a{display: table-cell;vertical-align: middle;}
.moreproD li a .conBox{position: relative;text-align: center;}
.moreproD li a .conBox span{font-size:18px;font-weight:bold;color: #00377a;margin-left:3%;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.moreproD li:hover .BGimg{opacity: 1;}
.moreproD li:hover a .conBox span{color: #fff;}
.moreproD li:hover a .conBox img{filter: brightness(100);}

/**/
.proinfoTop{background:url(../images/proinfoBG.jpg) no-repeat;background-position:center center;background-size: cover;background-repeat:no-repeat;padding: 4% 0; height:580px; }
.proinfoTop .proTabs{position: relative; z-index: 1;}  
        
        
        

.nav_bgc{ float:right; margin-top:27px; width:605px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.itemactive1{  margin-top:27px;}


.nav{width:850px;margin:auto;}

.navitem{  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; display:block; position:relative; }
.navitem a{ text-transform:uppercase; color:#FFFFFF; font-size:16px; text-decoration:none; font-weight:normal; }
.navitem a.itemactive{color:#000!important;}


.nav li {
	float: left;
	display: inline-block;
	list-style: none;
	font-size: 17px;
	text-align: center;
	position: relative;
	padding: 10px 0px 0px  0px;
}
.nav li a { padding-left:17px; padding-right:17px;
	display: block;
	text-align: center;
	position: relative;
	height: 30px;
	line-height: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.nav li.hover a, .nav li:hover a {


}
.nav li .subnav {
	background: #fff;
	border-top: 3px solid #d01617;
	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
	height: auto;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	margin-top:13px;
	width: 100%;
	z-index: 199;
}
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#0091df, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}
.nav li:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.nav li .subnav a { 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #666;
	display: block;
	font-size: 14px!important;
	font-weight: 500;
	line-height: 40px;
	height: 40px;
	padding: 0;
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
	border-bottom: 1px solid #eee;
	background: #fff;
}
.nav li .subnav a:hover {
	color: #d01617;
	background: #f9f9f9;
	text-indent: 10px;
}




.yuyan{ float:right; width:70px; }	
ul.menu {list-style:none; margin:0; padding:0;color:#fff; font-size:14px!important; text-align:right }
ul.menu11 {list-style:none; margin:0; padding:0;color:#000; font-size:14px!important;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;text-align:right }

ul.menu li {position:relative;  float:left;}
ul.menu ul {position:absolute;  left:0; display:none; opacity:0; list-style:none;  background:#00466d; margin-left:-100px; border-radius:5px;}
ul.menu ul li {  text-align:center; font-weight:normal; line-height:30px; border-bottom:#005a8b solid 1px; }
ul.menu ul li a {font-weight:normal;font-family:Arial, Helvetica, sans-serif; width:200px!important;color:#fff;font-size:13px!important;  }
ul.menu ul li a:hover { color:#fff; background:#2495e4; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; border-radius:5px;}




#f1{ width:100%;
height:400px;
float:left;
background:url(../images/f1.jpg) no-repeat top center; margin-top:101px 
}

#f2{ width:100%;
height:400px;
float:left;
background:url(../images/f2.jpg) no-repeat top center; margin-top:101px 
}

#f3{ width:100%;
height:400px;
float:left;
background:url(../images/f3.jpg) no-repeat top center; margin-top:101px 
}

#f4{ width:100%;
height:400px;
float:left;

background:url(../images/f4.jpg) no-repeat top center; margin-top:101px 
}



#f5{ width:100%;
height:400px;
float:left;
background:url(../images/f5.jpg) no-repeat top center; margin-top:101px 
}



#f6{ width:100%;
height:400px;
float:left;
background:url(../images/f6.jpg) no-repeat top center; margin-top:101px 
}



#f7{ width:100%;
height:400px; margin:0 auto;
background:url(../images/f7.jpg) no-repeat top center; margin-top:101px 
}


#f8{ width:100%;
height:400px;
float:left;
background:url(../images/f8.jpg) no-repeat top center; margin-top:101px 
}


#f8-1{ width:100%;
height:145px;
float:left;
background:#28292e;
}
#f9{ width:100%;
height:400px;
float:left;
background:url(../images/f9.jpg) no-repeat top center; margin-top:101px 
}



.lxx{width:1200px; float:left; padding-bottom:80px; padding-top:20px;}
.lxx h3{width:1200px; border-bottom:#e0e0e0 solid 0px; float:left;  font-size:25px; text-align:left;  line-height:50px;  margin-bottom:50px; font-weight:900;  font-family:Arial, Helvetica, sans-serif; color:#2b2b2b;}

.lxx h3 span{  font-size:15px; background:url(../images/home.jpg) no-repeat  30px 12px ;  float:right;  font-weight:normal; letter-spacing:0px; padding-left:22px; border:#e0e0e0 solid 1px; padding-left:50px; padding-right:30px; line-height:35px;border-radius:25px; color:#bababa}
.lxx h3 span a{ color:#bababa;}



.lxx-1{ width:600px; float:left;}

.lxx-3{width:500px; float:right; line-height:26px; color:#666; font-size:15px}
.lxx-3 h4{ font-size:18px; font-weight:normal; color:#000; text-align:left;  padding-bottom:15px;width:500px; border-bottom:#e9e9e9 solid 1px;margin-bottom:20px;  }
.lxx-3 h4 span{  background:none;font-weight:normal; float:none;padding:0px;line-height:35px; color:#ababab; font-family:Arial, Helvetica, sans-serif;  }


.m1{background:#d01617;width:130px; line-height:35px; float:left;color:#FFFFFF; text-align:center; margin-top:10px; margin-right:370px; margin-bottom:35px;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:35px; height:32px;  color: #fff;}

.m1 a{border-radius:0px; width:130px; line-height:35px; float:left; color:#FFFFFF;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:35px; height:32px;  color: #fff;}
.m1 a:hover{ 
	background:#131313\9;color: #fff;}
	
.m1:after{content:'';position:absolute;height:100%;width:0;background:#131313;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.m1:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}


.m25{background:#fff;width:130px; line-height:35px; float:left;color:#d01617; text-align:center; margin-top:10px;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:32px;  color: #d01617;}

.m25 a{border-radius:0px; width:130px;line-height:32px; float:left; color:#d01617;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:32px;  color: #d01617;}
.m25 a:hover{ 
	background:#fff\9;color: #fff;}
	
.m25:after{content:'';position:absolute;height:100%;width:0;background:#131313;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.m25:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}
	

.m2{background:#2495e4;width:130px; line-height:35px; float:left;color:#FFFFFF; text-align:center; margin-top:10px;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:32px;  color: #fff;}

.m2 a{border-radius:0px; width:130px;line-height:32px; float:left; color:#FFFFFF;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:32px;  color: #fff;}
.m2 a:hover{ 
	background:#2495e4\9;color: #fff;}
	
.m2:after{content:'';position:absolute;height:100%;width:0;background:#131313;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.m2:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}





.m222{background:#ffff;width:200px; margin-left:500px; margin-right:500px; line-height:20px; float:left;color:#000; text-align:center; margin-top:0px;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:35px; height:35px; margin-bottom:20px;}

.m222 a{border-radius:0px; width:200px;line-height:35px; float:left; 
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:35px; height:35px;  color: #000;}
.m222 a:hover{ 
	background:#ffff\9;color: #fff;}
	
.m222:after{content:'';position:absolute;height:100%;width:0;background:#2495e4;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; }
.m222:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}



.m3{background:#fff; border:#d01617 solid 1px; width:130px;line-height:32px; float:left;color:#d01617; text-align:center; 
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:32px; margin-top:10px; }

.m3 a{border-radius:0px; width:130px;line-height:32px; float:left; color:#d01617;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:32px;  }
.m3 a:hover{ 
	background:#f0f0f0\9;color: #fff;}
	
.m3:after{content:'';position:absolute;height:100%;width:0;background:#d01617;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; color: #fff;}
.m3:hover:after,.ydao ul li.cur:after{width:100%;color: #fff!important;}





.m4{background:#fff; border:#d01617 solid 1px; width:130px;  float:left;color:#d01617; text-align:center; 
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:110px; margin-top:10px; }

.m4 a{border-radius:0px; width:130px;line-height:32px; float:left; color:#d01617;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:32px;  }
.m4:hover a{ 
	background:#f0f0f0\9;color: #fff;}
	
.m4:after{content:'';position:absolute;height:100%;width:0;background:#d01617;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; color: #fff;}
.m4:hover:after,.ydao ul li.cur:after{width:100%;color: #fff!important;}












.ab11{ float:left; width:1200px; padding-top:40px;}

.ab11 ul{overflow:hidden; }
.ab11 ul li{display:block;float:left;}
.ab11 ul li a{float:left; text-align:center;line-height:40px; font-size:15px; }
.ab11 ul li a:hover{   float:left;}



.zz1{  float:left; padding-top:10px; }

.zz1 a{ color:#FFFFFF;background:#21a0d2; border:#21a0d2 solid 1px;padding-left:65px; padding-right:65px; float:left;  line-height:40px; margin-left:3px; margin-right:3px; border-radius:5px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz1 a:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}
	
.zz2{float:left;  padding-top:10px; }


.zz2 a{ color:#000;background:#fff; border:#bcbcbc solid 1px; padding-left:65px; padding-right:65px; float:left;  line-height:40px;  margin-left:3px; margin-right:3px; border-radius:5px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz2 a:hover{color:#FFFFFF;background:#21a0d2; 
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}








.zz3{  float:left; padding-top:10px; }

.zz3 a{ color:#FFFFFF;background:#21a0d2; border:#21a0d2 solid 1px;padding-left:150px; padding-right:150px; float:left;  line-height:40px; margin-left:5px; margin-right:3px; border-radius:5px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz3 a:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}
	
.zz4{float:left;  padding-top:10px; }


.zz4 a{ color:#000;background:#fff; border:#bcbcbc solid 1px; padding-left:150px; padding-right:150px; float:left;  line-height:40px;  margin-left:5px; margin-right:3px; border-radius:5px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz4 a:hover{color:#FFFFFF;background:#21a0d2; 
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}









.zz7{  float:left; padding-top:10px; }

.zz7 a{ color:#0264c3; background:url(../images/xx.jpg) no-repeat bottom center;padding-left:170px; padding-right:170px; float:left;  line-height:40px; margin-left:5px; margin-right:3px; border-radius:5px;font-size:17px!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz7 a:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}
	
.zz8{float:left;  padding-top:10px; }


.zz8 a{  color:#000; padding-left:170px; padding-right:170px; float:left;  line-height:40px;  margin-left:5px; margin-right:3px; border-radius:5px; font-size:17px!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz8 a:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}






.nei111{background:#fff;width:100%; height:390px; float:left; margin-top:10px; margin-bottom:350px; }

.nr1{width:1200px; margin:auto; height:0px; position: relative;clear: both; z-index:20	; }
.nr2{float:left;width:1200px;  position:absolute;clear: both;  margin-top:100px;}



.cppp{width:405px; float:left; height:511px; background:#d01617; border-radius:10px; padding-top:50px; padding-left:80px!important; padding-right:80px!important; }
.cppp h3{width:405px; float:left; font-size:45px; color:#fff; font-weight:normal; line-height:100px;}
.cppp h3 span{width:405px!important; float:left; font-size:17px; color:#fff; font-weight:normal;line-height:30px;}

.cppp ul{ float:left; padding-top:40px;}
.cppp ul li{float:left; line-height:40px; font-size:17px; width:200px;}
.cppp ul li a{ float:left;color:#92b5ea; }
.cppp ul li a:hover{ float:left; color:#fff;-moz-transition: all .3s ease 0s;-ms-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;-webkit-transition:all .3s ease 0s; padding-left:5px;}


.m21{ width:55px; height:51px; margin-top:510px; color:#FFFFFF; background:#e8c51e; text-align:center; line-height:51px; float:left; margin-left:510px;   border-bottom-right-radius:10px;position:absolute; font-size:30px}
.m21 a{ color:#FFFFFF; }


.cp111{width:574px; float:left; height:372px; background:url(../images/pro.jpg) no-repeat; padding-top:120px;margin-top:72px; text-align:center }
.cp111 h3{width:574px; float:left; font-size:45px; color:#000000; font-weight:normal; line-height:50px;}



.m31{ border:#c0c0c0 solid 1px;width:160px; line-height:32px; float:left;color:#7d7d7d; margin-top:10px; text-align:center;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:35px; height:35px;  color: #000;}

.m31 a{border-radius:0px; width:160px; line-height:32px; float:left; color:#7d7d7d;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:35px; height:35px;}
.m31 a:hover{ 
	background:#131313\9;color: #fff;}
	
.m31:after{content:'';position:absolute;height:100%;width:0;background:#0155ab;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; }
.m31:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}






/*job*/
.jobt-t{ font-size:20px; font-weight:bold; color:#279324; margin-bottom:30px; width:1200px; float:left; }
.jobt-list li { overflow:hidden; margin-bottom:40px; width:360px; float:left; margin-right:10px; }
.jobt-list li ._num{ float:left; width:80px; font-size:30px; line-height:70px; border:1px solid #89c62b; color:#89c62b; text-align:center; }
.jobt-list li ._nr{ float:right; width:220px;}
.jobt-list li ._title{ font-size:18px; font-weight:bold; line-height:25px; margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.jobt-list li ._sum{ line-height:20px; height:40px; overflow:hidden; }
.jobt-list li:hover ._num{ background:#89c62b; color:#fff;}



.job{ background:url(../images/job.jpg) no-repeat top left; width:700px; height:370px; float:left; color:#FFFFFF; padding-left:500px; font-size:15px; list-style:50px; padding-right:50px; font-size:16px}
.job h4{ font-size:45px; font-weight:normal; padding-top:50px; line-height:80px; padding-bottom:15px}
.job h4 span{ font-size:20px;  font-weight:normal; }


.job a{  color:#FFFFFF!important; }



.zzzzz1{ color:#FFFFFF}



#main{ width:1200px; margin:auto; padding-top:0px; clear:both;}










.yy{width:1200px; float:left;    border-bottom:#e9e9e9 solid 1px; padding-bottom:50px; padding-top:50px;}

.yy1{ float:left; width:565px; height:300px; overflow:hidden }
.yy1 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.yy1 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.yy2{ width:530px; float:right;}
.yy2 h3{width:530px; height:130px; float:left; font-size:28px; color:#000; font-weight:normal; line-height:80px; text-align:left}
.yy2 h3 span{width:530px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}

.yy2 h5{width:530px;  float:left; font-size:25px; font-weight:normal; line-height:80px; text-align:left; color:#000;}
.yy2 ul{ float:left; }
.yy2 ul li{float:left; line-height:22px; padding-bottom:15px; font-size:15px; width:530px;}
.yy2 ul li a{ float:left; }
.yy2 ul li a:hover{ float:left; color:#d01617;-moz-transition: all .3s ease 0s;-ms-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;-webkit-transition:all .3s ease 0s; padding-left:5px;}



.yy3{ float:right; width:565px; height:300px; overflow:hidden }
.yy3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.yy3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}



.yy4{ width:380px; float:left; margin-left:100px; margin-top:60px}
.yy4 h3{width:480px; height:220px; float:left; font-size:28px; color:#000; font-weight:normal; line-height:80px; text-align:left}
.yy4 h3 span{width:480px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}




.y_1{ width:250px; float:left; color:#FFFFFF; font-size:15px; line-height:25px; }
.y_1 h4{ width:250px; float:left; color:#FFFFFF; font-size:37px; font-weight:normal; line-height:70px!important; padding-top:45px;}
.y_1 a{ color:#FFFFFF;}



.demo {
	OVERFLOW: hidden;
	WIDTH: 98%; height:350px;
}
.indemo {FLOAT: left; WIDTH: 400%}
.demo1 {FLOAT: left}
.demo2 {FLOAT: left}



.imglist2 ul li{text-align:center;float:left;display:inline;width:150px;height:220px; margin:0px 10px;overflow:hidden; border: #e4e4e4 1px solid;background:#FFF; padding:10px; border-radius:5px; margin-top:0px;}
.imglist2 ul li img{background:#FFF; width:150px; height:220px;}
.imglist2 ul li span{line-height:50px;display:block;background:#FFF; text-align:center;font-size:15px;}



.culture{width:100%; float:left; background:url(../images/culture.jpg) no-repeat top center; height:450px}
.culture1{width:550px; float:left; background:#d01617; opacity:0.8;  height:270px; margin-top:50px; color:#FFFFFF!important; padding-left:55px; padding-top:20px; padding-right:50px;}
.culture1 h3{width:1200px; float:left; font-size:28px; color:#FFFFFF; font-weight:normal; line-height:70px;}
.culture1 span{color:#FFFFFF;}


.nei3{width:1200px; margin:auto; padding-top:10px; clear:both; padding-bottom:70px; overflow:hidden }


.nei2{width:1200px; margin:auto; padding-top:0px; clear:both; padding-bottom:0px; overflow:hidden }

.nei1{width:1200px; margin:auto; padding-top:70px; clear:both; padding-bottom:20px; overflow:hidden }
.nei{width:1200px; margin:auto; clear:both; padding-bottom:80px; overflow:hidden }

.cpzz{width:1200px; float:left;   border-top:#e9e9e9 solid 1px; padding-top:20px; margin-top:50px; margin-bottom:0px;}
.cpzz h3{width:1200px; float:left; font-size:28px; color:#000000; font-weight:normal; line-height:80px;  text-align:left; padding-bottom:20px;}
.cpzz h3 span{width:1200px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}
.cpzz h3 b{width:1200px; float:left; font-size:15px; color:#363636; font-weight:normal;line-height:28px;}

.cpzz3{width:1200px; float:left;   border-top:#e9e9e9 solid 1px; padding-top:20px; margin-top:50px; margin-bottom:0px;}
.cpzz3 h3{width:1200px; float:left; font-size:28px; color:#000000; font-weight:normal; line-height:80px;  text-align:left; padding-bottom:0px;}


.cpzz1{width:1200px; float:left; border-cpzz1:#e9e9e9 solid 1px;  margin-bottom:50px;}
.cpzz1 h3{width:1200px; float:left; font-size:35px; color:#313131; font-weight:normal; text-align:center; padding-bottom:10px; margin:0; text-transform:uppercase; font-family:'AlibabaSans-Regular'}
.cpzz1 span{ width:1200px; float:left; text-align:center; font-size:34px; display:block ; color:#313131; margin-bottom:40px}

.ab_5{width:1200px; height:310px; float:left; overflow:hidden;}
.ab_5 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab_5 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.huse{ width:100%; float:left }
.fazhan{ width:60%; float:left}
.neirong_fazhan{ width:30%; padding:5%; background:#d01617; float:left; min-height:360px}
.neirong_fazhan p{ color:#fff!important}
.neirong_fazhan b{ color:#fff; font-size:28px}



.cpz5{width:560px; float:left; padding-bottom:20px;}
.cpz5 h3{width:560px;  height:220px; float:left; font-size:28px; color:#000000; font-weight:normal; line-height:80px;  text-align:left}
.cpz5 h3 span{width:560px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}

.cpzz1 p{ font-size: 15px;
    line-height: 25px;
    color: #646464;}
.cpz6{width:560px; float:right; padding-bottom:20px;}
.cpz6 h3{width:560px;  height:220px; float:left; font-size:28px; color:#000000; font-weight:normal; line-height:80px;  text-align:left}
.cpz6 h3 span{width:560px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}



.rollBox1{  width:100%; margin:0 auto; }
.rollBox1  h3{width:100%;  font-size:35px; font-weight:normal; height:90px; float:left; color:#393939; text-align:center; padding-bottom:30px; background:url(../images/pro.png) no-repeat top center; padding-top:30px; margin-top:50px;}
.rollBox1 h3 span{color:#828282; text-align:center; font-size:17px; line-height:27px; padding-top:15px; float:left;width:1200px; }

.rollBox1 .Cont{width:100%;float:left;}

.rollBox1 .Cont .pick{width:24%; height:290px;  float:left;text-align:center; color:#333; margin: 0 0.5%; margin-bottom:20px;
  }
.rollBox1 .Cont .pic1{width:100%; height:290px; float:left;text-align:left;  color:#333; overflow:hidden;font-family:"微软雅黑"; border:#e1e1e1 solid 1px;
  background:#fff; 
 }.rollBox1 .Cont .pic1 p{ font-size:16px; margin:0}
.rollBox1 .Cont .pic1 h5{ width:100%;float:left; color:#3b3b3b; font-size:18px!important; text-align:center;  margin-top:10px; font-weight:normal; text-align:center}
.rollBox1 .Cont .pic1 h5 a{  color:#3b3b3b; text-align:center }
.rollBox1 .Cont .pic1 h5 img{ height:200px!important; width:auto!important ; margin-bottom:20px; max-width:90%}

.rollBox1 .Cont .pic1 .linkmore a{ width: 40%; height:31px; line-height:31px; margin:0 auto; text-align:center; display:block; text-decoration:none; background:#e0e0e0; color:#333; display:block; margin:0 30%; float:left; margin-top:16px; 
}
.rollBox1 .Cont .pic1 .linkmore a:hover{ color:#fff; background:#d01617; border:0; }


.rollBox1 .Cont .wenn{width:100%; text-align:center; height:50px;  float:left; margin-bottom:20px}



.rollBox1 .Cont .pick:hover img{ transition:all 0.4s;transform: scale(1.1)}
.rollBox1 .Cont .pick:hover p{ color:#d01617;}

.rollBox1 .Cont .pick:hover .linkmore a{ color:#fff; background:#d01617; border:0}

.rollBox1 .Cont .pick:hover .wenn{ color:#d01617}

.rollBox1 .Cont .pic1{ transition:all 0.4s}

.rollBox1 .Cont .pic1:hover{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




   transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);   }

.rollBox1 .Cont .pic1:after{right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;}

.rollBox1 .Cont .pic1:after{content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 5px;
    width: 0;
    background:#d01617;
    transition: 400ms ease all; }



.rollBox1 .Cont .pic1:hover:after {
    width: 100%;
    transition: 800ms ease all;
}












.ab_3{width:530px; height:310px; float:left; overflow:hidden;}
.ab_3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab_3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}




	
.ab_4{width:340px; height:142px; float:left; overflow:hidden;}
.ab_4 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab_4 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.ab_6{width:500px; height:309px; float:left; overflow:hidden;}
.ab_6 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab_6 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}



.cp{width:340px; float:left;} 
.cp h3{width:340px; height:220px; float:left; font-size:25px; color:#000000; font-weight:normal; line-height:80px; text-align:left}
.cp h3 span{width:340px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}
.cp h4{width:340px; height:150px;float:left; font-size:25px; color:#000000; font-weight:normal; line-height:80px; text-align:left}
.cp h4 span{width:340px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}


.cp1{width:340px; float:left;margin-left:88px;} 
.cp1 h3{width:340px; height:220px;float:left; font-size:25px; color:#000000; font-weight:normal; line-height:80px; text-align:left}
.cp1 h3 span{width:340px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}
.cp1 h4{width:340px; height:150px;float:left; font-size:25px; color:#000000; font-weight:normal; line-height:80px; text-align:left}
.cp1 h4 span{width:340px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}


.cp2{width:340px; float:right; } 
.cp2 h3{width:340px; height:220px;float:left; font-size:25px; color:#000000; font-weight:normal; line-height:80px; text-align:left}
.cp2 h3 span{width:340px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}

.cp2 h4{width:340px; height:150px;float:left; font-size:25px; color:#000000; font-weight:normal; line-height:80px; text-align:left}
.cp2 h4 span{width:340px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}





.ggmain{ width:1200px; float:left}


.detaildiv1
{ width:550px;float:right;  font-size:17px; line-height:30px; color:#333
}

.detaildiv img{ width:550px; }
.detaildiv1 img{ width:450px}
.detaildiv
{ width:600px; height:auto;  float:left;  font-size:16px; line-height:27px;  border-right:#ededed solid 1px;
}
.detaildiv1 h3
{ font-size:30px; color:#333;
    font-weight:normal;
    margin-bottom: 30px; line-height:45px; margin-top:40px
}
.detaildiv1 h4
{font-size: 20px;
color:#d01617; margin-bottom: 20px;
}


.xiangqing{ width:1200px; float:left; background:#f0f0f0; height:43px; line-height:40px; border-top:#d01617 solid 3px; margin-top:30px;}
.xiangqing h5{float:left; background:#d01617; line-height:40px; border-top:#d01617 solid 3px; font-size:17px; padding-left:20px; padding-right:20px; color:#FFFFFF; font-weight:normal; margin-bottom:20px; margin-top:0}

.xiangqing1{ width:1200px; float:left; line-height:25px;  padding-top:30px; color:#333}
.xiangqing2{ width:1200px; float:left; line-height:25px; margin-bottom:50px; color:#bbbbbb}

.nr3{ float:right; width:48px; height:0px; position: relative;clear: both; z-index:100; }
.nnnn{ width:519px; height:395px; float:left}

.pppp{ width:1200px;   border-top:#ededed solid 1px; float:left; padding-top:30px; text-align:center}


.cbc{ color:#000000; text-decoration:underline; float:left; width:510px;}
.cbc1{float:left; width:510px;}

.mm11 {
	line-height: 30px; float:left;

	text-align: center;
	width:150px;
	margin-top: 0px; font-style:normal; margin-right:10px;
} 

.mm11 a{ margin-bottom:20px;
	line-height: 30px; float:left;
	color: #fff;
	background:#b1b1b1;
	text-align: center;
	width:150px;
font-style:normal; margin-right:500px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
} 

.mm11 a:hover{
	line-height: 30px; float:left;
	color: #fff;
	background:#d01617;
	text-align: center;
	width:150px;
 font-style:normal; margin-right:500px; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s; transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);} 



.mm22{
	line-height: 30px; float:left; 

	text-align: center;
	width:150px;
	margin-top: 0px; font-style:normal; 
} 

.mm22 a{ margin-bottom:20px;
	line-height: 30px; float:left;
	color: #fff;
	background:#d01617;
	text-align: center;
	width:150px;
font-style:normal; margin-right:500px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
} 

.mm22 a:hover{
	line-height: 30px; float:left;
	color: #fff;
	background:#4f4f4f;
	text-align: center;
	width:150px;
 font-style:normal; margin-right:500px; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s; transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);} 



.cbc22{ float:left; width:510px; height:80px;}



.c10{width:560px; float:left; padding-bottom:20px; height:600px;}
.c10 h3{width:560px; float:left; font-size:28px; color:#000000; font-weight:normal; line-height:80px;  text-align:left}
.c10 h3 span{width:560px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}


.c11{width:560px; float:right; padding-bottom:20px;height:600px;}
.c11 h3{width:560px; float:left; font-size:28px; color:#000000; font-weight:normal; line-height:80px;  text-align:left}
.c11 h3 span{width:560px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}




.c12{width:560px; float:left; padding-bottom:20px;height:600px;}
.c12 h3{width:560px; float:left; font-size:28px; color:#000000; font-weight:normal; line-height:80px;  text-align:left}
.c12 h3 span{width:560px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}


.c13{width:560px; float:right; padding-bottom:20px;height:600px;}
.c13 h3{width:560px; float:left; font-size:28px; color:#000000; font-weight:normal; line-height:80px;  text-align:left}
.c13 h3 span{width:560px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}











.imglist1 ul li{text-align:center;float:left;display:inline;width:200px;height:290px; margin:20px 7px;overflow:hidden; border: #e4e4e4 1px solid;background:#FFF; padding:5px; border-radius:5px;}
.imglist1 ul li img{background:#FFF; width:200px; height:290px;}
.imglist1 ul li span{line-height:50px;display:block;background:#FFF; text-align:center;font-size:15px;}




.imglist3 ul li{text-align:center;float:left;display:inline;width:300px;height:420px; margin:0px 20px;overflow:hidden; border: #e4e4e4 1px solid;background:#FFF; padding:10px; border-radius:0px; margin-top:20px;}
.imglist3 ul li img{background:#FFF; width:300px; height:400px;}




.imglist4 ul li{text-align:center;float:left;display:inline;width:220px;height:300px; margin:20px 20px;overflow:hidden; border: #e4e4e4 1px solid;background:#FFF; padding:10px; border-radius:5px;}
.imglist4 ul li img{background:#FFF; width:220px; height:300px;}



.n2 { width:1200px; margin:auto;}
.n2 ul{ width:1200px;float:left; padding-top:0px; padding-left:0 }






#fot1{width:100%;float:left; background:#272727; padding-bottom:0px;}

.fot{ width:1200px; margin:auto; padding-top:65px;}



.fot-menu{ width:999px; float:left; color:#FFFFFF; padding-bottom:40px; }
.fot-menu a{ color:#FFFFFF}

.fot-menu2{width:165px; float:left;text-align:left;font-size:15px; color:#FFFFFF;font-weight:normal; border-right:#fff solid 0px; margin-right:0px; }
.fot-menu2 h5{width:165px;float:left;text-align:left;font-size:17px; color:#FFFFFF;font-weight:bold; padding-bottom:20px;  }

.fot-menu2 ul{overflow:hidden; text-align:left; float:left; font-size:15px;width:165px;  }
.fot-menu2 ul li{display:inline;float:left; line-height:26px; width:165px;}
.fot-menu2 ul li a{ float:left; width:165px; color:#bcbcbc}
.fot-menu2 ul li a:hover{ float:left; width:165px; color:#fff}

.contact{ width:125px; float:right}


 






.ej_nav_u1{ margin:0; padding:0}
.ej_nav_u1 li{display: inline-block;vertical-align: top;width: 20%;text-align: center;line-height: 78px; border-right:1px solid rgba(0,0,0,.10);}
.ej_nav_u1 li a{display: block;position: relative;font-size: 18px!important;color: #272727;}
.ej_nav_u1 li a:after{content: '';display: block;width: 100%;height: 2px;background:#d01617;position: absolute;bottom: -1px;left: 0;transition: 0.4s ease-out;
transform: scaleX(0);}
.ej_nav_u1 li:hover a:after,.ej_nav_u1 li.active a:after{transform: scaleX(1);}
.ej_nav_u1 li:hover a,.ej_nav_u1 li.active a{color: #d01617; font-weight: 700;}




.ej_nav_list{background: #fff;width: 100%; height: 77px; border-bottom:1px #ececec solid;  box-shadow: 1px 0px 10px #cbcbcb; float:left }








.zz5{  float:left; }

.zz5 a{ color:#d01617; float:left;  line-height:50px; font-weight:900; 
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz5 a:hover{ 
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
	
.zz6{float:left; }


.zz6 a{  color:#000; float:left;  line-height:50px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz6 a:hover{
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}




/*sousuo*/
.gsjj_con1_div1{background: #ededed; float:left;padding: 30px 30px 20px 30px; margin-top:50px; margin-bottom:0px; width:1140px;}

.divBox{width:1200px;margin:auto;}

.gsjj_con1{background: url(../images/jj1_02.jpg) no-repeat center center ;background-size: cover;}



.alzs .gsjj_con1_div1{background: #f1f1f1;}

.alzs .gsjj_con1_div1_al {background: #f1f1f1;}

.case .ej_nav_u1 li{width: 50%;}

.alzs_div_sousuo{font-size: 0;/*margin-bottom: 35px;*/}

.alzs_div_sousuo_span{display: inline-block;vertical-align: top;width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: white;

background: #ffd600;cursor: pointer;transition: 0.3s ease-in-out;}

.alzs_div_sousuo_span img{margin-right: 10px;margin-top: -2px;}

.alzs_div_sousuo_span:hover{background: #d8b607}

.alzs_div_sousuo input[type=text]{display: inline-block;vertical-align: top;width: calc(100% - 214px);margin-right: 14px;border: none;box-sizing: border-box;

height: 50px;background: white;padding-left:30px;font-size: 16px;}

.alzs_div_tx{font-size: 0;margin-top: 20px;display: none;}

.alzs_div_tx span{display: inline-block;vertical-align: top;width: 75px;font-size: 15px;color: #282828;font-weight: bold;}

.alzs_div_tx_u1{display: inline-block;vertical-align: top;width: calc(100% - 75px);font-size: 0;}

.alzs_div_tx_u1 li{display: inline-block;vertical-align: top;}

.alzs_div_tx_u1 li a{padding: 0 25px;border-right: 1px solid #e2e2e2;line-height: 1;font-size: 16px;color: #777;}

.alzs_div_tx_u1 li a:hover{color: #ffd600;}

.alzs_div_tx_u1 li.active a{color: #ffd600;}


/*sousuo e*/




.cpzs_con1_u1{font-size: 0;}
.cpzs_con1_u1 li{display: inline-block;vertical-align: top;width:23%;margin-right: 2.6%;position: relative;text-align: center;margin-bottom: 40px; box-shadow:0px 8px 8px 0px rgba(0,0,0,.1);}
.cpzs_con1_u1 li:nth-child(4n){margin-right: 0;}
.cpzs_con1_u1 li img{width: 100%;}
.cpzs_con1_u1 li a span{display: block; margin-top: 15px; line-height: 22px;}
.cpzs_con1_u1 li a{display: block;position: relative;text-align: center;background: #fff;box-sizing: border-box;border: 1px solid #dedede;padding: 5px;}
.cpzs_con1_u1 li a:after{content: '';display: block;width: 0%;height: 1px;background:#8f6e44;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a:before{content: '';display: block;width: 1px;height: 0%;background:#8f6e44;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:after{content: '';display: block;width: 0%;height: 1px;background:#8f6e44;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:before{content: '';display: block;width:1px;height: 0%;background:#8f6e44;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a:hover:after,.cpzs_con1_u1 li a:hover span:after{width: 100%;}
.cpzs_con1_u1 li a:hover:before,.cpzs_con1_u1 li a:hover span:before{height: 100%;}



.cpzs_con1_u1 li a span img{max-width:100%;transform: translateX(0); height:200px; }
.sec3_right_div{box-sizing: border-box;padding:28px 35px 40px;}
.sec3_right_div h1{font-size: 18px;color: #2c3238;transition: 0.3s ease-out;}
.sec3_right_div p{position: relative;margin-top: 5px;}
.sec3_right_div p:after{content: '';display: block;width: 100%;height: 1px;background: #cecfd1;position: absolute;top: 50%;left: 0;}
.sec3_right_div p font{display: inline-block;font-size: 14px;color:#a7acb5;background: #e5e4e4;box-sizing: border-box;padding: 0 15px;z-index: 2;position: relative;}
.cpzs_con1_u1 li a i{display: block;width: 45px;height: 45px;line-height: 45px;text-align: center;border-radius: 50%;background: #8f6e44;
position: absolute;bottom: -20px;left: 50%;margin-left: -22px;z-index: 3;transition: 0.3s ease-in-out;transform: translateY(20px);opacity: 0;}
.cpzs_con1_u1 li a i img{transition: 0.3s ease-out;transform:translateX(0px);width: auto;}
.cpzs_con1_u1 li a i:hover img{transform:translateX(0px) rotate(180deg);}
.cpzs_con1_u1 li a:hover i{transform: translateY(0);opacity: 1;}
.cpzs_con1_u1 li a:hover h1{color: #8f6e44;}
.cpzs_con1 .xwpage {padding: 60px 0 100px;}

.cpzs,.alzs{background: white;}
.cpzs .gsjj_con1_div1,.alzs .gsjj_con1_div1{box-shadow: none;}
.alzs_con1{padding: 0;}
.sliwert{padding: 80px 0;}



.cpzs_xq .gsjj_con2_div span{width: 450px;}
.cpzs_xq .gsjj_con2_div aside h1 font{font-size: 18px;color: #777777;font-weight: 100;}
.cpzs_xq .gsjj_con2_div aside h1:after{margin-bottom: 30px;}
.cpzs_xq .gsjj_con2_div aside p font{display: inline-block;vertical-align: top;}


.cpzs_xq .gsjj_con2_div aside p font{display: inline-block;vertical-align: top;text-align: justify;width: 150px;font-size: 16px;color: #e3be00;
height: 17px;}
.cpzs_xq .gsjj_con2_div aside p font:after{content:'.';width: 100%;display: inline-block;overflow: hidden;height: 0;}
.cpzs_xq .gsjj_con2_div aside p i{font-size: 16px;color: #282828;display: inline-block;margin-left: 10px;}
.cpzs_xq .gsjj_con2_div aside p{margin-top: 0px;}
.cpzs_xq_lixiang_p i{display: block;line-height: 25px;margin-top: 15px;}
.cpzs_xq .gsjj_con2_div aside .cpzs_xq_lixiang_p {margin-top: 15px;}
.cpzs_xq_lixiang_p i:before{content: '';width: 5px;height: 5px;border-radius: 50%;background: #e3be00;vertical-align: middle;margin-right: 10px;display: inline-block;}
.cpzs_xq .gsjj_con2_btn {left: calc(450px + 100px);}
.cpzs_xq .gsjj_con2_div aside{width: calc(100% - 450px);}


.chanpinlbbc{ width:370px; height:130px!important;text-align:center;vertical-align:middle;display:block;position:relative;  }
.chanpinlbbc a{display:table-cell;vertical-align:middle;width:370px; border:1px solid #d8d8d8; overflow: hidden!important;}
.chanpinlbbc a img{max-width:360px;max-height:120px; overflow:hidden!important; margin-top:5px }
.chanpinlbbc a:hover{border:5px solid #0057ab;}


.chanpinlbbc img{cursor: pointer;transition: all 0.6s;}
.chanpinlbbc img:hover{transform: scale(1.2);}
.huob{ float:left; margin:0 1%; padding-bottom:15px}

.eenma{ text-align:center; font-size:18px; margin-top:5px; margin-bottom:10px}


@media all and (max-width:550px){  
.chanpinlbbc {
    
    height: 90px!important;
    overflow: hidden!important;
}
.eenma{ height:40PX}
}




.tupian2 ul div{ float:left;margin-bottom:20px; width:260px; overflow:hidden;margin-left:15px; margin-right:10px;}
.eenma2{ text-align:center;}
.chanpinlbbc2{ width:260px; height:200px!important;text-align:center;vertical-align:middle;display:block;position:relative;  }
.chanpinlbbc2 a{display:table-cell;vertical-align:middle;width:258px; height:198px!important; border:1px solid #d8d8d8; overflow: hidden!important;}
.chanpinlbbc2 a img{max-width:250px;max-height:190px; overflow:hidden!important }
.chanpinlbbc2 a:hover{border:2px solid #d01617; }

.chanpinlbbc2{width: 260px;height:200px!important;overflow: hidden!important;}
.chanpinlbbc2 img{cursor: pointer;transition: all 0.6s;}
.chanpinlbbc2 img:hover{transform: scale(1.4);}

.tupian .tyuiop {  
    width: 370px;
    overflow: hidden;    
    margin: 0 15px; font-size:16px; margin-bottom:60px;float:left
}


.cell_h {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}.pro_list_1_mid_right_1 ul li {
    margin:0 0.5%;
    margin-bottom: 1.875em;
    -webkit-transition: -webkit-box-shadow .45s ease-out;
    transition: -webkit-box-shadow .45s ease-out;
    transition: box-shadow .45s ease-out;
    transition: box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;
    float: left;
    background-color: #eee;
    width: 24%; margin-bottom:2.5%
}.pro_list_1_mid_right_1_1 {
    text-align: center;
    height: 285px;
}.cell_mid {
    display: table;
    height: 100%;
    width: 100%;
}.pro_list_1_mid_right_1_1 img {
    max-width: 88%;
}.pro_list_1_mid_right_1_2 {
    margin: 0 1em;
    text-align: center;
}.pro_list_1_mid_right_1_2_1 {
    font-size: 20px!important; height:70px!important; 
    color: #000; line-height:80px 
}.pro_list_1_mid_right_1_2_2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    margin-top: 6px;
    margin-bottom: 16px; font-size:16px; line-height:30px
}.pro_list_1_mid_right_1_2_3 {
    margin-bottom: 3.5625em;
}.pro_list_1_mid_right_1_2_3 span {
    color: #666;
    display: inline-block;
    font-size: 15px;
    border: 1px #d5dce0 solid;
    width: 130px;
    line-height: 30px;
    border-radius:3em;
}

.pro_list_1_mid_right_1_2_3:hover  span {
    color: #fff;
   
    background:#0346bb
}


.pro_list_1_mid_right_1_2_3 span i {
    font-style: inherit;
   
    display: inline-block;

}
.pro_list_1_mid_right_1 ul li:hover {
  
}






@media only screen and (max-width:550px) {
	.nei {
   width: 90%; margin:0 auto}
	
.yy {
    width: 100%;
    float: left; padding-top:0}
	.yy1 {
    float: none;
    width: 100%;
    height: 200px;
    overflow: hidden; margin:0 auto; margin-top:40px
}.yy1 a img {width: 100%;}

.yy2 {
    width: 100%;
    float: none;
}
.yy { padding-bottom:100px
}
.yy3{
    float: none;
    width: 100%;
    height: 200px;
    overflow: hidden; margin:0 auto
}
.yy3 a img {width: 100%;}
.yy4 {
    width: 100%;
    float: none; margin-left:0
}
.yy4 h3 {
    width:100%;
    height:90px;
    float: left;
    font-size: 28px;
    color: #000;
    font-weight: normal;
    line-height: 80px;
    text-align: left;
}.con_1300 {
    width: 100%;
    margin: 0px auto;
}
.con_1300 h2 b{ font-size:18px; font-weight:normal; margin-top:0}

.search form {
    width:90%;}
.search1{ width:70%}


.search form{ height:44px; line-height:44px}

.search1{ height:44px; line-height:44px}

.searchimg1{ margin-top:3px}


.prodlBox .item .itemList{ width:96%; margin:0 auto; float:none; margin-top:20px}


.prodlBox .item .itemList li {
    background: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 2%;
    float: left;
    width: 43.5%;
    margin-right: 1.5%;
    margin-bottom: 3%;
    box-shadow: 0 0 20px rgba(51,51,51,.1);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
}
.prodlBox .item .itemList li .imgBox {
    height: 115px;
    overflow: hidden;
}
.prodlBox .item .itemList li h5{ font-size:15px}

.search1{ font-size:14px}
.con_1300 h2{ margin-top:0!important}
.ggmain {
    width: 100%;
    margin: auto;
}.detaildiv {
    width:90%;
    height: auto;
    float: none;
    font-size: 16px;
    line-height: 27px;
    margin-top: 50px;
    border-right: #ededed solid 1px; margin:0 auto
}.detaildiv img {
    width:100%;
    margin-left: 0px; margin:0 auto
}.detaildiv1 {
   width:90%;
    float: none;
    font-size: 14px;
    line-height: 26px;
    color: #333;  margin:0 auto
}.subPage{ width:100%}

.detaildiv1 h3 {
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 35px;
    margin-top: 10px;
}
.detaildiv1 h4 {
    font-size: 16px;
    color: #d01617;
    margin-bottom: 20px;
}


.mm11 {
    line-height: 30px;
    float: left;
    text-align: center;
    width: 120px;
    margin-top: 0px;
    font-style: normal;
    margin-right: 10px;
}

.mm22 a{ width:120px}
.nei1 {
    width: 100%;}
	

.n2{ width:100%}







#main{ width:100%; margin-bottom:70px}
.lxx{ width:100%; float:none}

.lxx-1{ display:none}
.lxx-3 {
    width: 90%;
    float: none;
    line-height: 26px;
    color: #666;
    font-size: 14px; margin:0 auto
}

.lxx-3 h4{width: 100%; margin:0 auto; font-size:16px}



	}
	
	
	
	
	
	
	
	
	/*设备*/
	.shebei_ee{ width:1200px; display:flex;flex-direction:row;flex-wrap: wrap ; padding-top:50px}
	.cpz {
    width: 45%;
    padding-bottom: 50px;  margin:0 2.5%
}
	
	.ab_3 {
    width: 100%;
    height: 310px;
   
    overflow: hidden;
}
	



.cpz1{width:530px; float:right; padding-bottom:20px;}
.cpz1 h3{width:530px;height:170px;  float:left; font-size:28px; color:#000000; font-weight:normal; line-height:80px;  text-align:left}
.cpz1 h3 span{width:530px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}



	
	/*设备*/
.list-2 {
    margin-bottom: 10%;
    float: left;
    width: 100%;
}.list-2 li {
    float: left;
    width: 24%; margin-right:1%; margin-top:2%
}.list-2 li a {
    display: block;
   
    background-color: #fff;
    transition: all 0.5s;
}.img-cover {
    overflow: hidden;
}.list-2 li .img-cover span {
    padding-top: 77.5%;
}
.img-cover span {
    display: block;
    width: 100%;
    background: no-repeat center / cover;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    /* border: 10px solid #ccc; */
}.list-2 li .text {
    text-align: center;
    padding: 0 15px;
    line-height: 63px;
    height: 63px;
    overflow: hidden; font-size:16px;  text-transform:none
}.list-2 li a:hover {color: #fff; text-decoration:none; background:url(../images/you1.png) no-repeat right center #0155ab}
.list-2 li a:hover .img-cover span {transform: scale(1.1);}

.list-2 li .text:hover {
    text-align: center;
    padding: 0 15px;
    line-height: 63px;
    height: 63px;
    overflow: hidden; font-size:16px;   background:url(../images/you1.png) no-repeat 200px center #0155ab
}

.list-2 li  a:hover .text   {background:url(../images/you1.png) no-repeat 200px center #0155ab
}


.dangqian1 {
    width: 98%;
    float: left;
    margin-right: 10%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    background: #0155ab;
    margin-bottom: 16px;
    padding-left: 2%;
    font-size: 16px;
    color: #fff; margin-top:16px
}
	
	
	
	
	
	
	
	
	
	
	
	
	.anli_ee{ width:100%; display:flex;flex-direction:row;flex-wrap: wrap ;}
	.cpz {
    width: 45%;
    padding-bottom: 50px;  margin:0 2.5%
}
	
	.ab_3 {
    width: 100%;
    height: 310px;
   
    overflow: hidden;
}
	

.cpz h3{width:100%; height:120px;font-size:22px; color:#333; font-weight:normal; line-height:80px;  text-align:left; padding-bottom:10px; float:left}
.cpz h3 span{width:100%;  font-size:15px; color:#828282; font-weight:normal;line-height:25px;}


.cpz1{width:530px; float:right; padding-bottom:20px;}
.cpz1 h3{width:530px;height:170px;  float:left; font-size:28px; color:#000000; font-weight:normal; line-height:80px;  text-align:left}
.cpz1 h3 span{width:530px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:25px;}



	
	/*设备*/
.list-2 {
    margin-bottom: 10%;
    float: left;
    width: 100%;
}.list-2 li {
    float: left;
    width: 24%; margin-right:1%; margin-top:2%
}.list-2 li a {
    display: block;
   
    background-color: #fff;
    transition: all 0.5s;
}.img-cover {
    overflow: hidden;
}.list-2 li .img-cover span {
    padding-top: 77.5%;
}
.img-cover span {
    display: block;
    width: 100%;
    background: no-repeat center / cover;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    /* border: 10px solid #ccc; */
}.list-2 li .text {
    text-align: center;
    padding: 0 15px;
    line-height: 63px;
    height: 63px;
    overflow: hidden; font-size:16px;  text-transform:none
}.list-2 li a:hover {color: #fff; text-decoration:none; background:url(../images/you1.png) no-repeat right center #0155ab}
.list-2 li a:hover .img-cover span {transform: scale(1.1);}

.list-2 li .text:hover {
    text-align: center;
    padding: 0 15px;
    line-height: 63px;
    height: 63px;
    overflow: hidden; font-size:16px;   background:url(../images/you1.png) no-repeat 200px center #0155ab
}

.list-2 li  a:hover .text   {background:url(../images/you1.png) no-repeat 200px center #0155ab
}





/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:550px){  



.yy2 h3 {
   
    font-size: 22px;
   
}.list-2{  width:95%; margin:0 auto; float:none;margin-top:40px;}

.list-2 li {
    float: left;
    width: 48%;
    margin-right: 1%;
    margin-top: 2%;
}


.list-2 li .text {
    text-align: center;
    padding: 0 5px;
    line-height: 43px;
    height: 43px;
    overflow: hidden;
    font-size: 14px;
    text-transform: none;
}
.list-2 li .text:hover {
    text-align: center;
    padding: 0 5px;
    line-height: 43px;
    height: 43px;
    overflow: hidden; font-size:16px;   background:url(../images/you1.png) no-repeat 200px center #0155ab
}

.rollBox1 .Cont .pick {
    width: 45%;
    height: 290px;
    float: left;
    text-align: center;
    color: #333;
    margin: 0 0.5%;
    margin-bottom: 20px;
}
.rollBox1 .Cont {
    width: 95%;
    float: none; margin:0 auto
}.rollBox1 .Cont .pic1 p {
    font-size: 14px;
    margin: 0;
}.ab_3 {
    width: 100%;
    height: 110px;
    overflow: hidden;
}

.ab_3 img{ height:110px  }

.cpz h3 {
    width: 100%;
    min-height: 230px;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    line-height: 60px;
    text-align: left;
    padding-bottom: 10px;
    float: left;
}
.cpz h3 span p{ font-size:13px}
.anli_ee{ margin-bottom:0px}

.m31{ display:none}

.cpz {
    width: 48%;
    padding-bottom: 50px;
    margin: 0 1%; 
}


}




